<template>
  <div id="personalMain">
    <el-row class="user_top_row">
      <el-col :span="4">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="16">
        <UserTop></UserTop>
        <PersonAside></PersonAside>
      </el-col>
      <el-col :span="4">
        <div class="grid-content bg-purple"></div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import UserTop from "@/components/center/UserTop";
import PersonAside from "@/views/person/PersonAside";
import  "../../utils/effect"
export default {
  name: "PersonalMain",
  components:{
    PersonAside,
    UserTop,
  },
  data(){
    return{
    }
  },
}
</script>

<style scoped>
.grid-content {
  min-height: 50px;
  font-size: 14px;
}
.user_top_row{
  margin-top:20px;
}
</style>